<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>DPL</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl.css">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl/dpl-demo.css">
</head>

<body class="cmWrapper dpl-index">
<article class="cmPage">
	<header class="cmPageNavBar">
		<h1>DPL</h1>
		<div class="cmBtnWrapper cmRight">
			<a class="cmBtn" href="javascript:location.reload();">刷新</a>
		</div>
		<div class="cmBtnWrapper cmLeft">
			<a class="cmBtn cmBack" href="../"><b>首页</b></a>
		</div>
	</header>
	<section>
		<h2>UI 元素</h2>
		<ul class="cmList">
			<li>
				<a href="element/font.html">字体</a>
			</li>
			<li>
				<a href="element/text.html">文本</a>
			</li>
			<li>
				<a href="element/icon.html">图标</a>
			</li>
			<li>
				<a href="element/btn.html">按钮</a>
			</li>
			<li>
				<a href="element/list.html">列表</a>
			</li>
			<li>
				<a href="element/form.html">表单</a>
			</li>
			<li>
				<a href="element/page.html">页面</a>
			</li>
		</ul>
	</section>
	<section>
		<h2>UI 组件</h2>
		<ul class="cmList">
			<li>
				<a href="widget/scroll.html">区域滚动</a>
			</li>
			<li>
				<a href="widget/page-switch.html">页面切换 (Web App)</a>
			</li>
			<li>
				<a href="widget/page-switch-for-web-page.html">页面切换 (Web Page)</a>
			</li>
			<li>
				<a href="widget/gallery.html">图片轮播</a>
			</li>
			<li>
				<a href="widget/overlay.html">Overlay (遮罩/弹层/Loading)</a>
			</li>
			<li>
				<a href="widget/notice.html">通知与提示</a>
			</li>
		</ul>
	</section>
	<section>
		<h2>特性测试</h2>
		<ul class="cmList">
			<li>
				<a href="test/event-binding.html">事件绑定 (草稿)</a>
			</li>
			<li>
				<a href="test/event-touch.html">触摸事件</a>
			</li>
			<li>
				<a href="test/event-device.html">设备事件</a>
			</li>
			<li>
				<a href="test/viewport.html">视口尺寸</a>
			</li>
			<li>
				<a href="test/js-lib.html">模块化与依赖性 (草稿)</a>
			</li>
		</ul>
	</section>
	<hr>
	<section class="act">
		<a class="cmBtn" href="javascript:location.reload();">刷新</a>
	</section>
	<hr>
	<footer>
		<address>&copy; UEFED.COM</address>
	</footer>
</article>
<script src="/js/mv1/lib/lib.js"></script>
<script src="/js/mv1/lib/dpl.js"></script>
<script>_.ext.ini(); DPL.ini(); _.ga.ini();</script>
</body>
</html>
